/* CSS Document */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,a clicked, a visited,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
h5{
font-size:18px;
}
@font-face {
font-family: Dearest_open_webfont;
src:url("Font\Dearest-fontfacekit\Dearest_open-webfont.ttf") format("truetype");
}
a
{
    color:#0000CC;
    text-decoration:none;
    }
a:visited{
	color:inherit;
	border:none;
	}
a:active{
	color:inherit;
	border:none;
	}
h1 { font-family: Dearest_open-webfont/*, Impact, Helvetica, Sans-Serif;*/
font-size:48px;}
.rounded-corners {
     -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
#wrapper{
margin:0 auto;
border-top:solid thick #0F3;
width:960px;
height:auto;
background-color:White;
border:thick #666;
font-family:Verdana;
font-size:13px;

}
#panel1{

background:#FFF;
width:100%;
height:80px;
margin-top:10px;
margin-bottom:10px;
font-family:Dearest_open_webfont;
}

#panel2{
background:#333333;
width:100%;
height:65px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#F2F2F2;
	font-weight:600;
border-bottom:thick #999 solid;
border-top:thick #999 solid;
font-stretch:expanded;
}
#panel3{
width:100%;

height:auto;

}

#panel4{

padding-top:20px;
background:#e5e5e5;
width:100%;
height:45px;
float:left;

} 

#panel5{
margin-top:20px;
width:100%;
height:70px;
float:left;
}
#panel1 .logo{
float:left;
width:250px;
height:100%;
background-color:#FFF;
}
#panel1 .languageBar{
float:right;
width:700px;
height:auto;
padding-bottom:10px;
background-color:#CCCCCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#panel1 .languageBar .option{
float:left;
width:30%;
height:100%;
/*background-color:#00FF00;*/
}
.panel1Caption{
font-family:Georgia, "Times New Roman", Times, serif;
color:#666;
font-size:16px;
font-weight:800;

}
.panel1CaptionMargin{
padding-top:10px;
margin-bottom:10px;
}
.panel1itemCount{
font-family:Georgia, "Times New Roman", Times, serif;
color:#58ac22;
font-size:16px;
font-weight:800;
}
.panel1itemCount hover{
color:#CF6;
background:#0F0;
}
#panel1 .languageBar_split{
float:left;
width:10px;
height:100%;
background-image:url(../Images/top-header-separator.jpg);
background-repeat:no-repeat;
}
#panel3 #leftMenu{
float:left;
width:200px;
height:auto;
/*background-color:#C93;*/

/*padding-left:20px;*/
/*border: solid #00FFFF thick*/;
}
.leftMenuTopLi{
margin-top:2px;
padding-left:20px;
list-style-image:url(../Images/arrow.jpg);
background-image:url(../Images/leftside-bg.jpg);
background-repeat:repeat-x;
margin-top:10px;


list-style-position:inside;
}
.leftMenuBottomLi{
list-style-image:url(../Images/leftmenu-arrow.jpg);
vertical-align:middle;
background-color:#e9e9e9;
border-bottom:1px #000;
list-style-position:inside;
}
.panel2_split{
	float:left;
	width:10px;
	height:100%;
	background-image:url(../Images/bottom-header-separator.png);
	background-repeat:no-repeat;
	margin-left:10px;
	margin-right:10px;
	}
.panel2UpperCaption{
margin-bottom:5px;
text-align:left;
}
#leftMenuTop{
float:left;
margin-top:10px;

padding-bottom:10px;
width:100%;
height:auto;
background-color:#fabd00;

/*padding-left:20px;*/
/*border: solid #00FFFF thick*/;
}
#leftMenuBottom{
margin-top:10px;
float:left;
width:100%;
height:auto;
background-color:#F06;

/*padding-left:20px;*/
/*border: solid #00FFFF thick*/;
}
#bookSearch{
margin-top:10px;
padding-top:10px;
height:auto;
background:#953b22;
float:left;
padding-left:5px;
padding-bottom:10px;
width:98%;
}
#bookSearchImage{
	float:left;
	background-color:#0F0;
}
#bookSearchContent{
margin-top:30px;
float:right;
margin-left:10px;
}
.bookSearchContentTextbox{
width:100px;

}
#displayBar{
float:left;
margin-top:20px;
padding-left:20px;
margin-bottom:10px;
}
#resultPageBar{
float:right;
margin-top:20px;
padding-right:20px;
margin-bottom:10px;
}
#authorBook{
	padding-left:20px;
	margin-top:10px;
	}
#keyWord{
margin-top:10px;
float:left;
}
.panel2lowerCaption{
margin-top:30px;
margin-left:20px;
}
#panel3 #content{
float:right;
width:700px;
height:auto;



}
/* Banner */
#panel3 #content #banner{
margin-top:10px;
text-align:center;
width:100%;
height:145px;
background-color:#8c734b;

}
.bannerSearch
{
     width: 200px; 
     height: 100%; 
     background-color: #a18b6a; 
     float: left;
    }
.bannerCaption
{
    width:100%;
    font-family:Times New Roman;
    font-size:20px;
    font-weight:800;
    float:left;
    margin-bottom:50px;
    }
.bannerClickHereButton
{
/*    float: left;*/
    background-color: #C0C0C0;
    text-align: left;
    color: #000000;
    font-style: normal;
    font-weight: 700;
}
#panel3 #content #brownBar{
	  -moz-border-radius: 5px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
width:100%;
height:30px;
/*padding-left:10px;*/
padding-top:10px;
background-image:url(../Images/banner-bar.jpg);
background-repeat:repeat-x;
font-family:"Courier New", Courier, monospace
font-size:14px;
font-weight:800;
color:#FFF;
}
#brownBarSlogan{
margin-left:10px;
float:left;
}
.brownBarSloganText{}
.brownBarCaption{
margin-left:15px;
}
.bookInfoRow{
width:96%;
}
.bookInfoGrid{
border-left:2px #000 dotted;
border-bottom:2px #000 dotted ;
padding-top:10px;
padding-bottom:10px;
width:45%;
padding-left:10px;
min-height:350px;
max-height:350px;
float:left;
}
#bottomMenu{
display:inline;
	/*list-style-image:url(../Images/arrow.jpg);*/
	}
/*#bottomMenu  ul{
	list-style:square;
	}	*/
#bottomMenu  li{
/*	float:left;*/
	list-style-image:url(../Images/arrow.jpg);

	display:inline;
	margin-left:20px;
	}
#bottomMenu ul li{
/*	float:left;*/
/*list-style-image:url(../Images/arrow.jpg);*/
list-style:square;
	
	margin-left:20px;
}
#divEndPage{
width:100%;
background:#999;
height:5px;
}
.horizontal_split{
width:100%;
text-align:center;
alignment-adjust:middle;

}
.vertical_split{
height:100%;
vertical-align:middle;

alignment-adjust:middle;
}
.bookInfoImage{
	float:left;
	border: 2px #CF6 solid}
.bookInfoImage img
{
    width:80px;
    }
.bookInfoArea{
	float:right;
	width:70%;}
.bookInfoArea{
	color:#790000;
	}
.bookOldPrice{
	font-size:16px;
	font-weight:600;
	color:#666;
	text-decoration:line-through;
	}
.bookNewPrice{
	font-size:16px;
	font-weight:600;
	color:#093;}
.bookInfoCaption
{
    max-height:100px;
    min-height:100px;
    overflow:hidden;
    
}
pnlPrice
{
    width:100%;
    clear:both;
    margin-top:20px;
    height:40px;
    }
.bookInfoText
{
    margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	max-height:100px;
	min-height:100px;
	overflow:hidden;
	
	}
.bookInfoAuthor
{
 margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	height:20px;
	overflow:hidden;   
 }
.buttonHolder
{
   
    margin-top:20px;
   
    
    }
.btnDetail{
	background-color:#666;
	color:#FFF;
	font-weight:600;
	}
.btnAddtoCart{
	background-color:#0C0;
	color:#FFF;
	font-weight:600;
	}
.footerText
{
    margin-left:5px;
    }
b{font-weight:800;}


/* Login.aspx */
#frmLogin
{
   margin-left:300px;
}

